<html>
<head>
	<include file="Public/head"/>
</head>
<body>
	<include file="Public/header"/>
	<section class="container banner">
		<div class="am-g banner-index">
			<div class="am-u-lg-12">
				<div class="tempWrap">
					<ul class="banner-main">
						<volist name="carousel" id="vo">
							<li class="clone"><a href="{:U('Product/index?id='.$vo['id'])}"><img src="{:get_cover($vo['cover_id'],$field = path)}" class="img-responsive"></a></li>
						</volist>
						</article:list>
					</ul>
				</div>
				<ul class="text-center banner-nav am-text-center">
					<li class="on">1</li>
					<li>2</li>
				</ul>
			</div>
		</div>
	</section>
	<div class="container am-text-center index-main">
		<div class="am-g">
			<div class="am-u-lg-12 am-text-center">
				<h3 class="index-main-title-3">房産中心<small>PRODUCT</small></h3>
			</div>
		</div>


		<div class="am-g index-main-3-bottom am-text-center" style="padding-bottom: 50px;">
			<volist name="product_list" id="list">
				<div class="am-u-lg-4">
					<a href="{:U('Product/index?id='.$list['id'])}"><img src="{:get_index_cover($list['id'],$field = path)}" class="img-responsive"></a>
					<div class="index-main-3-bottom-text "><span>—</span>{$list.title}<span>—</span></div>
				</div>
			</volist>

		</div>
	</div>


	<include file="Public/footer"/>

    <script type="text/javascript">

        var imgSlider_html;

        function imgSlider() {

            if (typeof imgSlider_html == "undefined")
            {
                imgSlider_html	=	$('.banner-index').html();
            }
            else
            {
                $('.banner-index').html(imgSlider_html);
            }

            $('.banner-index').slide({
                'effect':		'leftLoop',
                'delayTime':	1000,
                'interTime':	3000,
                'autoPlay':		true,
                'easing':		'easeOutCubic',
                'autoPage':		true,
                'mainCell':		'.banner-main',
                'titCell':		'.banner-nav',
            });
        }

        $(function(){

            $(window).resize(function(){
                imgSlider();
            });

        });

        imgSlider();
    </script>


</body>
</html>